$(document).ready(function() {

	var uploader = WebUploader.create({
		// swf文件路径 
		// swf:  '../js/plugins/webupload/Uploader.swf',
		// 文件接收服务端。
		server: 'http://uploadImg',
		// 选择文件的按钮。可选。
		// 内部根据当前运行是创建，可能是input元素，也可能是flash.
		pick: {
			"id": '#selectImg',
			"multiple": false //禁止多选。     
		},

		// 文件进入队列后自动开始上传
		auto: true,
		//分片上传设置
		chunked: true, //允许分片
		chunkSize: 2 * 1024 * 1024, //每片大小2M
		chunkRetry: 4, //分片上传失败之后的重试次数
		threads: 3, //上传并发数。允许同时最大3个上传进程
		//去重
		duplicate: true,

		//上传文件个数限制
		fileNumLimit: 1,
		//单个文件大小限制  20M
		fileSingleSizeLimit: 20 * 1024 * 1024,
		//传入文件格式限制，只能上传doc,docx,pdf格式的文件
		accept: {
			title: 'Images',
			extensions: 'gif,jpg,jpeg,bmp,png',
			mimeTypes: 'image/*'
		},
		thumb: {
			width: 200,
			height: 200,
			// 图片质量，只有type为`image/jpeg`的时候才有效。
			quality: 100,
			// 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
			allowMagnify: false,
			// 是否允许裁剪。
			crop: true,
			// 为空的话则保留原有图片格式。
			// 否则强制转换成指定的类型。
			type: 'image/jpeg'
		},

		//重要参数:跟后台文件组件的对接参数，后台文件组件叫做upload。
		fileVal: "upload",

		//传入参数。这两个参数会跟文件一起传给后台，用于跟后台对接，确认文件的来源。
		formData: {
			//这里的两个参数是为了跟后台对接，让后台知道上传的文件存在哪里。
		},
	});

	uploader.on('fileQueued', function(file) {
		console.log("fileQueued");
		$("#selectImgDiv").empty();
		uploader.makeThumb(file, function(error, ret) {
			if (error) {
				$("#selectImgDiv").append('<label>预览错误</label>');
			} else {
				$("#selectImgDiv").append('<img alt="" src="' + ret + '" />');
			}
		});
	});

	uploader.on('uploadComplete', function(file) {
		console.log("uploadComplete");
		uploader.reset();
	});
	uploader.on('uploadSuccess', function(file) {
		console.log("uploadSuccess"+file);
		$("#selectImgDiv").next().text("上传成功");
	});
	uploader.on('uploadError', function(file) {
		console.log("uploadError");
		$("#selectImgDiv").next().text("上传失败");
	});

	initValidform();
});


function initValidform() {

	$(".add-equipment-form").Validform({
		tiptype: 2,
		datatype: { //传入自定义datatype类型【方式二】;
			"z2-4": /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/
		},
		url: "http://formSubmit",
		ajaxPost: true,
		callback: function(data) {

			console.log(data);
			setTimeout(function() {
				$.Hidemsg(); //公用方法关闭信息提示框;显示方法是$.Showmsg("message goes here.");\
				if (data.success)
					showAlert("成功", "提交成功");
			}, 2000);
		}
	}).addRule([{
		ele: "input[name='name']",
		nullmsg: "编号不能为空",
	}, {
		ele: "select[name='name1']",
		nullmsg: "资产类别不能为空"
	}]);
};

Mock.mock("http://formSubmit", {
	success: true,
	message: null,
	data: []
});
Mock.mock("http://uploadImg", {
	success: true,
	message: null,
	data: []
});